<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <link rel="stylesheet" href="lib/css/carousel.css" />
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript" src="lib/jquery/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <script src="layui/layui.js"></script>
    <script src="js/frameLayUi.js"></script>
    <style type="text/css">
        .portrait {
            width: 100px;
            height: 100px;
            order-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            olor: #e1e1e1;
            margin: 30px auto;
        }
        #index_face{
            width: 100px;
            height: 100px;
            border-radius: 50px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
        }
        .name {
            font-size: 14px;
            color: #333;
            font-weight: bold;
            text-align: center;
        }
        .account {
            font-size: 14px;
            color: #333;
            text-align: center;
            margin-top: 5px;
        }
        p {
            border: none;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div class="col-lg-12">
    <div style="margin: 0 auto;width: 500px;background-color: #f4f9ff;height: 500px" >
        <h3 align="center" style="color:#666664;margin-top: 50px">管理员资料</h3>
        <div class="portrait">
            <img id="index_face" src="${headPortrait}" >
        </div>
        <p class="name">你好，${name}</p>
        <p class="account">性别：${sex}</p>
        <p class="account">电话号码：${tel}</p>
    </div>
</div>

</body>
</html>